<template>
  <div class="app-container">
   <mt-header fixed title="固定在顶部"></mt-header>

   <h1>测试</h1>
   <nav class="mui-bar mui-bar-tab">
   	<a class="mui-tab-item mui-active">
   		<span class="mui-icon mui-icon-home"></span>
   		<span class="mui-tab-label">首页</span>
   	</a>
   	<a class="mui-tab-item" href="#">
   		<span class="mui-icon mui-icon-phone">
		<span class="mui-badge">9</span>
		</span>
   		
		<span class="mui-tab-label">电话</span>
   	</a>
   	<a class="mui-tab-item">
   		<span class="mui-icon mui-icon-email"></span>
   		<span class="mui-tab-label">邮件</span>
   	</a>
   	<a class="mui-tab-item">
   		<span class="mui-icon mui-icon-gear"></span>
   		<span class="mui-tab-label">设置</span>
   	</a>
   </nav>
  </div>
</template>

<script>

</script>

<style lang="scss" scope>
.app-container{
  padding-top: 40px;
}
</style>
